(function() {

	
	var width = window.innerWidth;//获取屏幕宽度
	var fontSize = width / 320 * 12;//根据屏幕宽度的变化计算出跟字体的大小
	var html = document.getElementsByTagName('html')[0];//获得html标签
	html.style.fontSize = fontSize + 'px';//把计算后的根字体大小赋值给html标签

	window.onresize = function() {
		var width = window.innerWidth;//获取屏幕宽度
		var fontSize = width / 320 * 12;//根据屏幕宽度的变化计算出跟字体的大小
		var html = document.getElementsByTagName('html')[0];//获得html标签
		html.style.fontSize = fontSize + 'px';//把计算后的根字体大小赋值给html标签
	}

	$.ajax({
		type: 'get',
		url: 'http://127.0.0.1:3000/api/getcategorytitle',
		dataType: 'json',
		success: function(data) {
			// console.log(data);
			var html = template('template1', data);
			$("main").html(html);

			$('main>div>a').each(function(i, v) {

				$(this).on('click', function() {
					var id = this.parentNode.dataset.mark - 0;
					var that = this.parentNode;

					if (!$(that).find('#list_in').html()) {
						$.ajax({
							type: 'get',
							dataType: 'json',
							data: {titleid: id},
							url: 'http://127.0.0.1:3000/api/getcategory',
							success: function(data) {
								// var d = JSON.stringify(data);
								console.log(data);
								var html = template('template2', data);
								$(that).find('#list_in').html(html);
								$(that).siblings().find("ul").addClass('hidden');
							}
						})
					}
				})

				$(this).on('click', function() {
					$(this.parentNode).siblings().find("ul").addClass('hidden');
					$(this.parentNode).find('#list_in').toggleClass('hidden');
				})
			})
		}
	})

	// $("main>div>ul>li>a").on('click', function() {
	// 	var categoryId = this.dataset.categoryId;
	// 	console.log(categoryId);
	// 	alert(categoryId);
	// })

})();